<style type="text/css">
    .divColumna{
        float: left;
    }
    .divColumna div{
        height: 21px;
        margin-top: 3px;
        vertical-align: middle;
    }
    .divColumna input{
        text-align: right;
    }
    .texto{
        font-size: 17px;
        padding-right: 3px;
    }
    .divTituloColumna{
        background-color: #969696;
        text-transform: uppercase;
    }
    .divFinColumna{
        font-weight: bolder;
        text-transform: uppercase;
    }
    .txtNumInve{
        width: 120px;
    }
</style>
<div id="divTablaGeneral">
    <div class="divColumna">
        <div class="divTituloColumna">INFORMANTE</div>
        <div><span class="texto">Encuesta No. 1</span></div>
        <div><span class="texto">Encuesta No. 2</span></div>
        <div><span class="texto">Encuesta No. 3</span></div>
        <div><span class="texto">Encuesta No. 4</span></div>
        <div><span class="texto">Encuesta No. 5</span></div>
        <div><span class="texto">Sumatoria</span></div>
        <div><span class="texto">Promedio</span></div>
        <div><span class="texto">Desv. Estandar</span></div>
        <div><span class="texto">Coeficiente Variación</span></div>
        <div><span class="texto">Límite Superior</span></div>
        <div><span class="texto">Límite Inferior</span></div>
        <div class="divFinColumna">Valor adorptado</div>
    </div><!-- fin <div class="divColumna"> -->
    <form id="frInvestigaciones" >
        <?php
        $cuenta = 0;
        $columnas = count($investigaciones);
        if ($columnas > 0 && is_array($investigaciones)) {
            foreach ($investigaciones as $topoId => $valores) {
                if (is_object($valores))
                    $valores = get_object_vars($valores);
                echo "<input type='hidden' name='$cuenta' id='$cuenta' value='$topoId' />";
                $cuenta++;
                echo "<div class='divColumna'>";
                echo "<div class='divTituloColumna'>" . array_shift($valores) . "</div>";
                for ($i = 0; $i < 5; $i++) {
                    $tmp = array_shift($valores);
                    echo "<div><input type='text' name='investiga{$topoId}_{$i}' class='invetiga$topoId clValorNumericoInvestiga txtNumInve' onchange=\"recalculaValores('invetiga$topoId',$topoId);\" value='$tmp'></div>";
                }
                for ($i = 5; $i < 11; $i++) {
                    $tmp = array_shift($valores);
                    echo "<div><input type='text' name='investiga{$topoId}_{$i}' readonly class='invetiga{$topoId}_bloq clValorNumericoInvestiga txtNumInve' value='$tmp'></div>";
                }
                for ($i = 11; $i < 12; $i++) {
                    $tmp = array_shift($valores);
                    echo "<div><input type='text' name='investiga{$topoId}_{$i}' class='clValorNumericoInvestiga txtNumInve' value='$tmp'></div>";
                }
                echo "</div>";
            } //fin foreach ($investigaciones as $topoId => $valores) {
        }
        ?>
        <div style="clear: both"></div>
        <input type="hidden" name="columnas" id="columnas" value="<?php echo $columnas; ?>" />
    </form>
    <div id="divNotaInvestiga">
        <label for="visitaNotaInvestiga">Nota</label>
        <textarea id="visitaNotaInvestigaTmp" name="visitaNotaInvestigaTmp" onblur="document.getElementById('visitaNotaInvestiga').value = this.value;"></textarea>
    </div>
</div> <!-- fin <div id="divTablaGeneral"> -->
<script type="text/javascript">
    var generadaInvestiga = true
    $(document).ready(function(){
        $('.clValorNumericoInvestiga').blur(function(){
            $('.clValorNumericoInvestiga').formatCurrency(GLOBAL.formatNumero);
        });
        asignaFormatoValoresNumericos("clValorNumericoInvestiga");
        document.getElementById("visitaNotaInvestigaTmp").value = document.getElementById("visitaNotaInvestiga").value;
    });
    function recalculaValores(clase){
        asignaValoresNumericosSinFormato("clValorNumericoInvestiga");
        var elementos = document.querySelectorAll('.' + clase);
        var resultados = document.querySelectorAll('.' + clase + "_bloq");
        var sumatoria = 0;
        var desvEstandar = 0;
        var coeficienteVaria = 0;
        var sumaCuadrados = 0;
        var promedio = 0;
        var noNumeros = false;
        for(i = 0;i < elementos.length;i++){
            //            console.log($(elementos[i]).val());
            elementos[i].style.color = "black";
            if(!elementos[i].value.match(/^[0-9]+(\.[0-9]*)?$/)){
                elementos[i].style.color = "red";
                noNumeros = true;
            }
            sumatoria = parseInt(sumatoria) + parseInt(elementos[i].value);
        }
        promedio = sumatoria / elementos.length;
        if(!noNumeros){
            for(i = 0;i < elementos.length;i++){
                sumaCuadrados = parseInt(sumaCuadrados) + ((parseInt(elementos[i].value) - parseInt(promedio)) * (parseInt(elementos[i].value) - parseInt(promedio)));
            }
            sumaCuadrados = sumaCuadrados / elementos.length;
            desvEstandar = Math.sqrt(sumaCuadrados);
            coeficienteVaria = (desvEstandar / promedio) * 100;
            if(coeficienteVaria > 7.5){
                alert("El coeficiente de variación es superior a 7.5%");
                resultados[3].style.color = "red";
            }else resultados[3].style.color = "black";
            resultados[0].value = sumatoria;
            resultados[1].value = promedio.toFixed(2);
            resultados[2].value = desvEstandar.toFixed(2);
            resultados[3].value = coeficienteVaria.toFixed(2);
            resultados[4].value = parseInt(resultados[1].value) + parseInt(resultados[2].value);
            resultados[5].value = parseInt(resultados[1].value) - parseInt(resultados[2].value);
        }else{
            fnMenError("Debe ingresar únicamente números correctos",1);
            resultados[0].value = '';
            resultados[1].value = '';
            resultados[2].value = '';
            resultados[3].value = '';
            resultados[4].value = '';
            resultados[5].value = '';
        }
        asignaFormatoValoresNumericos("clValorNumericoInvestiga");
    } //fin function recalculaValores(clase){
</script>